.InvitationsPage{
    .tabContainer {
        padding: 0rem 16rem;
        box-sizing: border-box;

        .tabs {
            width: 100%;
            // height: 40rem;
            line-height: 40rem;
            border-radius: 20rem;
            background: #EFEFEF;
            display: flex;

            &>div {
                width: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #666D79;
                text-align: center;
                font-family: Inter;
                font-size: 16rem;
                font-style: normal;
                font-weight: 500;

                &.active {
                    border-radius: 20rem;
                    background: #FF2D55;
                    color: white;
                }
            }
        }
    }
    .myFriend{
        margin-top: 22rem;
        .width1{
            width: 50%;
        }
        .width2{
            width: 50%;
        }
        .myRewardwidth1{
            width: 33%;
        }
        .myRewardwidth2{
            width: 33%;
        }
        .myRewardwidth3{
            width: 33%;
        }
        .accountAndDate{
            height: 36rem;
            line-height: 36rem;
            display: flex;
            align-items: center;
            color: #FF2D55;
            font-size: 14px;
            font-weight: 500;
            background: #FFE8EE;
            div{
                text-align: center;
            }
        }
        .listItem{
            height: 36rem;
            line-height: 36rem;
            display: flex;
            align-items: center;
            color: #666D79;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            div{
                text-align: center;
            }
        }
    }
}